<template>
    <div id='footer'>
        <div class='a1 aa'>
            <i class='a11'></i>
            <router-link :to="{path:'/index'}" class='at1'>首页</router-link>
        </div>
         <div class='a2 aa'>
            <i class='a12'></i>
            <router-link :to="{path:'/homeCategorySearch'}" class='at2'>分类</router-link>
        </div>
         <div class='a3 aa'>
            <i class='a13'></i>
            <router-link :to="{path:'/shopcar'}" class='at3'>购物车</router-link>
        </div>
         <div class='a4 aa'>
            <i class='a14'></i>
            <router-link :to="{path:'/orderlist'}" class='at4'>订单</router-link>
        </div>
         <div class='a5 aa'>
            <i class='a15'></i>
            <router-link :to="{path:'/user'}" class='at5'>我的</router-link>
        </div>
    </div>
</template>
<script>
export default {
    
}
</script>
<style scoped>
#footer{
    position:fixed;
    bottom:0;
    right:0;
    left:0;
    display: flex;
    justify-content: space-between;
    background: #fff;
    border-top: 0.1rem solid #d9d9d9;
    padding:0.2rem 0rem;
    text-align: center;
    z-index: 999;
}
.aa{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    display: inline-block;
    vertical-align: top;
    width: 20%;
    font-size: 0.75rem;
    text-align: center;
}
.a11{
    background-position: center 0;
    display: inline-block;
    height: 1.6rem;
    background-image: url(/static/nav4.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 37.5rem;
    width: 100%;
}
.a12{
    background-position: center -18.75rem;
    display: inline-block;
    height: 1.6rem;
    background-image: url(/static/nav4.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 37.5rem;
    width: 100%;
}
.a13{
    background-position: center -21.875rem;
    display: inline-block;
    height: 1.6rem;
    background-image: url(/static/nav4.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 37.5rem;
    width: 100%;
}
.a14{
    background-position: center -25rem;
    display: inline-block;
    height: 1.6rem;
    background-image: url(/static/nav4.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 37.5rem;
    width: 100%;
}
.a15{
    background-position: center -28.125rem;
    display: inline-block;
    height: 1.6rem;
    background-image: url(/static/nav4.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 37.5rem;
    width: 100%;
}
.at1{
    color:#39ac69
}
</style>

